<template>
  <upload-excel :on-success="onSuccess" />
</template>

<script>
import { reqImportEmployeeAPI } from '@/api'
export default {
  name: 'Import',

  methods: {
    // 表格上传组件的属性回调方法
    // 这个方法可以将表格上传的内容解析出来返回个对象
    async onSuccess({ header, results }) {
      console.log(111)
      // 因为接口中的字段都是英文的 但是表格上传的字段都是中文的
      // 表格上传组件解析出来数据的key的映射
      const userRelations = {
        '入职日期': 'timeOfEntry',
        '手机号': 'mobile',
        '姓名': 'username',
        '转正日期': 'correctionTime',
        '工号': 'workNumber'
      }
      // 将表格上传中的key 从中文的转换成英文的
      // 1 需要将header 和 result解构出来
      // 2 对解构出来的results进行遍历 拿到每一个对象
      // 3 循环这个对象的key for in 拿到的每一个Key就是对应的中文
      // 4 通过 userRelations[key] 可以进行遍历

      const arr = [] // 存储转换好的数据的

      results.forEach(obj => {
        const newObj = {}
        for (const key in obj) {
          newObj[userRelations[key]] = obj[key]
        }
        arr.push(newObj)
      })

      arr.forEach(item => {
        item.timeOfEntry = this.formatExcelDate(item.timeOfEntry)
        item.correctionTime = this.formatExcelDate(item.correctionTime)
      })

      console.log(arr)
      await reqImportEmployeeAPI(arr)

      this.$router.back()
    },
    // 表格转换
    formatExcelDate(numb, format) {
      const time = new Date((numb - 1) * 24 * 3600000 + 1) // 毫秒
      time.setYear(time.getFullYear() - 70)
      const year = time.getFullYear() + ''
      const month = time.getMonth() + 1 + ''
      const date = time.getDate() - 1 + ''
      if (format && format.length === 1) {
        return year + format + (month < 10 ? '0' + month : month) + format + (date < 10 ? '0' + date : date)
      }
      return year + (month < 10 ? '0' + month : month) + (date < 10 ? '0' + date : date)
    }

  }
}
</script>

<style>

</style>
